<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>

<template>
  <el-card class="box-card">
    <div style="text-align: center;display: flex;align-items: center;justify-content: space-between">
      <div></div>
      <h1> 土壤和沉积物 气相色谱法分析原始记录（二）（B面）</h1>
      <div></div>
    </div>
    <div style="display: flex;justify-content: space-between">
      <p style="margin: 0">SXLPHJ/JL/CX-22-130</p>
      <div style="display: flex;align-items: center;">
        <span style="width: 140px;">配置日期：</span>
        <el-input style="border: 1px solid #ccc;border-radius: 6px" placeholder="请输入"
                  v-model="waterForm.bdatas.pzrq"></el-input>
      </div>
    </div>
    <div style="display: flex;">
      <table class="table" style="width: 200%;">
        <tr>
          <td colspan="9">
            溶液配制
          </td>
        </tr>
        <tr>
          <td>序号</td>
          <td>标准贮备液编号</td>
          <td>贮备液有效日期</td>
          <td>移取贮备液体积(μL)</td>
          <td>定容体积(mL)</td>
          <td>中间液浓度()</td>
          <td>移取中间液体积（μL）</td>
          <td>定容体积(mL)</td>
          <td>使用液浓度()</td>
        </tr>
        <tr v-for="(item,index) in waterForm.bdatas.rypz" :key="index">
          <td>{{ index + 1 }}</td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_bzxbybh"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_zbyyxrq"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_yqzbytj"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_drtj"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_zjynd"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_yqzjytj"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_drtj2"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_syynd"></el-input>
          </td>
        </tr>
      </table>
      <table class="table">
        <tr>
          <td colspan="4">校准曲线配制</td>
        </tr>
        <tr>
          <td>标准溶液浓度()</td>
          <td>加入量（）</td>
          <td>定容体积( )</td>
          <td>曲线浓度（ ）</td>
        </tr>
        <tr v-for="(item,index) in waterForm.bdatas.jzqxpz" :key="index">
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_bzrynd"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_bzryjrl"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_qxnd"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_bz"></el-input>
          </td>
        </tr>
      </table>
    </div>
    <table class="table">
      <tr>
        <td colspan="2">
          校准曲线（y=a+bx）以及r
        </td>
        <td colspan="7">
          曲线信息见
        </td>
      </tr>
      <tr>
        <td colspan="3">
          待测物
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.dcw1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.dcw2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.dcw3"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="2">空白检查</td>
        <td rowspan="2">
          <!--          <el-input placeholder="请输入"-->
          <!--                    v-model="waterForm.kbjc.kbjc1"></el-input>-->
        </td>
        <td>样品含量( )</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.kbycd.yphl.ypbh1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.kbycd.yphl.ypbh2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.kbycd.yphl.ypbh3"></el-input>
        </td>
      </tr>
      <tr>
        <td>是否合格</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.kbycd.sfhg.sfhg1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.kbycd.sfhg.sfhg2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.kbycd.sfhg.sfhg3"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="3">曲线校核点测定</td>
        <td rowspan="3">
          <!--          <el-input placeholder="请输入"-->
          <!--                    v-model="waterForm.kbjc.kbjc1"></el-input>-->
        </td>
        <td>试样浓度( )</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.synd.synd1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.synd.synd2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.synd.synd3"></el-input>
        </td>
      </tr>
      <tr>
        <td>相对偏差(%)</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.xdpc.xdpc1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.xdpc.xdpc2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.xdpc.xdpc3"></el-input>
        </td>
      </tr>
      <tr>
        <td>是否合格</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.sfhg.sfhg1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.sfhg.sfhg2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.qxjhdcd.sfhg.sfhg3"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="3">平行样测定</td>
        <td rowspan="3">
          <!--          <el-input placeholder="请输入"-->
          <!--                    v-model="waterForm.kbjc.kbjc1"></el-input>-->
        </td>
        <td>样品含量</td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.yphl.ypbh1"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.yphl.ypbh2"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.yphl.ypbh3"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.yphl.ypbh4"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.yphl.ypbh5"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.yphl.ypbh6"></el-input>
        </td>
      </tr>
      <tr>
        <td>相对偏差</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.xdpc.xdpc1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.xdpc.xdpc2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.xdpc.xdpc3"></el-input>
        </td>
      </tr>
      <tr>
        <td>是否合格</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.sfhg.sfhg1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.sfhg.sfhg2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.pxycd.sfhg.sfhg3"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="3">空白加标样测定</td>
        <td rowspan="3">
          <!--          <el-input placeholder="请输入"-->
          <!--                    v-model="waterForm.kbjc.kbjc1"></el-input>-->
        </td>
        <td>加标前/后试样含量( )</td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.yphl.ypbh1"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.yphl.ypbh2"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.yphl.ypbh3"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.yphl.ypbh4"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.yphl.ypbh5"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.yphl.ypbh6"></el-input>
        </td>
      </tr>
      <tr>
        <td>回收率( )</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.hsl.hsl1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.hsl.hsl2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.hsl.hsl3"></el-input>
        </td>
      </tr>
      <tr>
        <td>是否合格</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.sfhg.sfhg1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.sfhg.sfhg2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.kbjbycd.sfhg.sfhg3"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="4">
          <div>
            <el-radio-group>
              <el-radio value="1">加标回收样测定</el-radio>
              <el-radio label="2">标准样品测定</el-radio>
            </el-radio-group>
          </div>
        </td>
        <td rowspan="4">
          <!--          <el-input placeholder="请输入"-->
          <!--                    v-model="waterForm.kbjc.kbjc1"></el-input>-->
        </td>
        <td>加标前/后试样含量()</td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.jbqsyhl.ypbh1"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.jbqsyhl.ypbh2"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.jbqsyhl.ypbh3"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.jbqsyhl.ypbh4"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.jbqsyhl.ypbh5"></el-input>
        </td>
        <td>
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.jbqsyhl.ypbh6"></el-input>
        </td>
      </tr>
      <tr>
        <td>标准样品测定浓度()</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.bzypcdnd.bzypcdnd1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.bzypcdnd.bzypcdnd2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.bzypcdnd.bzypcdnd3"></el-input>
        </td>
      </tr>
      <tr>
        <td>
          <div>
            <el-radio-group>
              <el-radio value="1">回收率(%)</el-radio>
              <el-radio label="2">标准值( )</el-radio>
            </el-radio-group>
          </div>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.hsl.hsl1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.hsl.hsl2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.hsl.hsl3"></el-input>
        </td>
      </tr>
      <tr>
        <td>是否合格</td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.sfhg.sfhg1"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.sfhg.sfhg2"></el-input>
        </td>
        <td colspan="2">
          <el-input placeholder="请输入"
                    v-model="waterForm.bdatas.jbhsycd.sfhg.sfhg3"></el-input>
        </td>
      </tr>
      <tr>
        <td>
          备注
        </td>
        <td colspan="8">
          <el-input placeholder="请输入"
                    v-model="waterForm.bnotes"></el-input>
        </td>
      </tr>
    </table>

  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
  text-align: center;
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}


.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
